<header>
    <div class="header center">
        <div class="one">
            <img src="assets/img/f.png">
            <img src="assets/img/n.png">
            <img src="assets/img/g.png">
            <img src="assets/img/q.png">
            <img src="assets/img/x.png">
        </div>
        <div class="two">
            <div class="two1"><img src="assets/img/xin.png" ><span th:text="${info?.email?:'未设置邮箱'}">ContacUst@Gmail.com</span></div>
            <div class="two2"><img src="assets/img/phone.png"><span th:text="${info?.telephone?:'未设置联系电话'}">80888887</span></div>
        </div>
    </div>
</header>
<div class="navs">
    <div class="center">
        <img src="assets/img/logo2.png" >
        <nav>
            <div class="nav">
                <ul>
                    <li><a th:href="index">[[${modules[2].banners[0].title}]]</a></li>
                    <li><a th:href="blog">[[${modules[2].banners[1].title}]]</a></li>
                    <li><a th:href="about">[[${modules[2].banners[2].title}]]</a></li>
                    <li><a th:href="contact" class="current">[[${modules[2].banners[3].title}]]</a></li>
                </ul>
            </div>
        </nav>
    </div>
</div><!--navs-->
<div class="banner">
    <div class="font">
        <h1>[[${modules[2].module.title}]]</h1>
        <p>[[${modules[2].module.description}]]</p>
    </div>
    <div class="forms">
        <div class="form">
            <input type="text" v-model="name" placeholder="Where are you going?"/>
            <button>[[${modules[3].module.title}]]</button>
        </div>
    </div>
    <div class="fontP"><p>[[${modules[3].module.description}]]</p></div>
</div><!--banner-->
